<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta name="keywords" content="淘米网,摩尔庄园,赛尔号,超级拉姆,超能Nono,米米卡,购买米米卡,米币,充值米币" />
    <meta name="description" content="淘米网(www.61.com)是专为中国儿童打造的综合互动娱乐平台，为孩子们提供摩尔庄园、赛尔号、大玩国、哈奇小镇等丰富多彩、健康安全的互动娱乐产品，同时淘米网也是儿童健康安全上网的倡导者。米米卡和米币可以用于支付淘米的收费产品。" />
    <title>米米卡展示  - 淘米网</title>
    <link type="image/ico" rel="shortcut icon" href="http://www.61.com/favicon.ico" />
    <link type="text/css" rel="stylesheet" href="http://res.61.com/css/base.css"  />
    <link rel="stylesheet" type="text/css" href="http://res.61.com/css/pay/pay.css" />
    <link rel="stylesheet" type="text/css" href="http://res.61.com/css/pay/pay_pwd.css" />
    <script src="http://res.61.com/js/base.js" type="text/javascript"></script>
    <script src="/html/js/common/jqUtils.js" type="text/javascript"></script>
    <script src="/html/js/common/boxy.js" type="text/javascript"></script>
    <script src="/html/js/web/common.js" type="text/javascript"></script>
</head>
<style>
html,body { height:100% }
</style>
<script language="javascript">

var img_list = new Array();
img_list[0] = 'http://res.61.com/img/pay/seer-Elf-1/684c359c84ef4c7140aabb1668aebe16.jpg';
img_list[1] = 'http://res.61.com/img/pay/seer-Elf-1/faec497255a28e1290996df9feec193b.jpg';
img_list[2] = 'http://res.61.com/img/pay/seer-Elf-1/b1de84bda8dca4b8dab11e69c9eabc0b.jpg';
img_list[3] = 'http://res.61.com/img/pay/seer-Elf-1/89ecdede41329735b6afaf9210222139.jpg';
img_list[4] = 'http://res.61.com/img/pay/seer-Elf-1/ad2a958b99fdf400f3c9cff79beca100.jpg';
img_list[5] = 'http://res.61.com/img/pay/seer-Elf-1/6a3f88f18b8bffc91baac9f471e25054.jpg';
img_list[6] = 'http://res.61.com/img/pay/seer-Elf-1/c088a8a49c0103b112764b45901a7938.jpg';
img_list[7] = 'http://res.61.com/img/pay/seer-Elf-1/ecaf386826df19556e05e5f61756eef6.jpg';
img_list[8] = 'http://res.61.com/img/pay/seer-Elf-1/d83c21f617c2bc2a0d60f1023fc96adb.jpg';
img_list[9] = 'http://res.61.com/img/pay/seer-Elf-1/51228b1f553fb5054e75702b5598dfa8.jpg';
img_list[10] = 'http://res.61.com/img/pay/seer-Elf-1/da502a8aa875c1e9ccb864237561e638.jpg';
img_list[11] = 'http://res.61.com/img/pay/seer-Elf-1/775a74f04652dc837d49c1ea9ed3e39a.jpg';
var now_index = 0;

function btn_style()
{
	if(now_index - 1 < 0)
	{
		$('.card_frmshow').find('#pre').removeClass('btn_pre').addClass('btn_pre_gray');
	}
	else
	{
		$('.card_frmshow').find('#pre').removeClass('btn_pre_gray').addClass('btn_pre');
	}

	if((parseInt(now_index) + 1) >= img_list.length)
	{
		$('.card_frmshow').find('#next').removeClass('btn_next').addClass('btn_next_gray');
	}
	else
	{
		$('.card_frmshow').find('#next').removeClass('btn_next_gray').addClass('btn_next');
	}
}

function on_scroll()
{
	var top  = $('*').height() / 2 - $('.card_frmshow').height() / 2 - 40 + $(document).scrollTop();

	if($('.card_frmshow').not(':hidden')) $('.card_frmshow').css('top',top + 'px');
}

$(function () {
	var window_width  = $('*').width();
	var window_height = $(document).height();

	$('.card_list').find('a').click(function (event) {
		var index = now_index = $(this).attr('ln');
		var img_src = img_list[index];

                event.preventDefault();
		
		$('.card_bg').css({'width':window_width + 'px','height':window_height + 'px','opacity':'0.5'}).show();
		$('#card_loading').css({'left':window_width / 2 - 64,'top':$('*').height() / 2 - 8 + $(document).scrollTop()}).show();
		
		$('.card_frmshow').find('img').attr('src',img_src).load(function () {
			
			var left = (window_width / 2 - $('.card_frmshow').width() / 2);
			var top  = $('*').height() / 2 - $('.card_frmshow').height() / 2 - 40 + $(document).scrollTop();
			
			$('#card_loading').hide();
			$('.card_frmshow').show();
		
			$('.card_frmshow').css('left',left + 'px');
			$('.card_frmshow').css('top',top + 'px');
		});
		
		$('.card_frmshow').find('.btn_off').click(function () { 
			$('.card_frmshow').hide();
			$('.card_bg').hide();
		});
		
		btn_style();
	});
	
	$('.card_frmshow').find('#next').click(function (event) { 
		now_index   = parseInt(now_index) + 1;
		var img_src = img_list[now_index];

                event.preventDefault();

		if (now_index >= img_list.length) 
		{
			alert('这已经是最后一张图片');
			now_index--;
			return ;
		}
		
		$('.card_frmshow').find('img').attr('src',img_src) 
		
		btn_style();
	});
	
	$('.card_frmshow').find('#pre').click(function (event) { 
		now_index   = parseInt(now_index) - 1
		var img_src = img_list[now_index];
		
		if(now_index < 0) 
		{
			alert('这已经是第一张图片');
			now_index++;
			return ;
		}

                event.preventDefault();
		
		$('.card_frmshow').find('img').attr('src',img_src) 
		
		btn_style();
	});
	
	$.pay.ajax.logn_do();
});
</script>
<body onscroll="on_scroll()">
<div class="card_frmshow" style="display:none;position:absolute;left:0px;top:0px;z-index:200">
	<a href="javascript:;" class="btn_off"></a>
	<img src="" />
    <a href="javascript:;" id="pre" class="btn_pre"></a>
    <a href="javascript:;" id="next" class="btn_next"></a>
</div>
<div id="card_loading" style="display:none;position:absolute;left:0px;top:0px;z-index:201">
	<img src="http://res.61.com/images/comm/loading.gif" />
</div>

<div class="topbar_c">
    <div class="wrapper_950">
        <a title="淘米网" href="http://www.61.com/"><img src="http://res.61.com/images/comm/61_logo_b.gif" class="left logo"></a>
        <div class="left sitename pay"></div>
        <div class="right">
		  <div class="right toplink">
		  		<span id = "loginArea"><a class="underline" id="loginPage" href="javascript:">
		  		登录</a> | 
		  		</span>
		  		<a onclick="document.all && window.external.addFavorite('http://www.61.com','淘米网 - 61.com') || window.sidebar && window.sidebar.addPanel('淘米网 - 61.com', 'http://www.61.com', '');return false;" style="cursor: pointer;" hidefocus="true" href="###" class="underline">加入收藏</a>  |  
		  		<a onclick="try{this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.61.com/');}catch(z){};return false;" hidefocus="true" href="###" class="underline">设为首页</a>
          </div>
        </div>
    </div>
</div>
<div class="top_nav">
  <div class="wrapper_950">
  	<ul>
                <li>
                <a id="indexPage" title="首页" href="/">首  页</a></li>
				<li>
				<a title="账户充值" id="payAccountPage" href="/buy/payType?type=cardpay">账户充值</a></li>
                <li>
                <a title="开通服务" id="servicePage" href="/service">开通服务</a></li>
                <li>
        <a title="我的账户" id="accountPage" href="#">我的账户</a></li>
         
        <li class="on">
                <a id="mmcardPage" title="米米卡" href="/html/page/card/">米米卡</a></li>
    </ul>
  </div>
</div>
<div class="blank_10"></div>

<div class="wrapper_950">
<div id="pay_left">
    	<div class="left_nav">
      <div class="lef_nav_top"></div>
      <ul>
      	<li id=""><a href="/html/page/card/"><img src="http://res.61.com/images/pay/ico_show.gif"><span class="red">米米卡展示<span></a></li>
        <li id="balanceSubNav"><a href="/mmcard/balance"><img src="http://res.61.com/images/pay/pay_left_icon_account.gif">余额查询</a></li>
        <li id="shopSubNav"><a href="/saler/defaultSalers"><img src="http://res.61.com/images/pay/pay_left_icon_mimi.gif">最近售卖点</a></li>
        <li id="helpSubNav"><a href="/help/gotoPage"><img src="http://res.61.com/images/pay/pay_left_icon_help.gif">使用帮助</a></li>
      </ul>
      <div class="lef_nav_bottom"></div>
    </div>
      	<div class="clear"></div>
      	<div style="margin-top: 15px;"><a href="/saler/searchSalers"><img alt="我要买卡" src="http://res.61.com/images/pay/pay_btn_buycard.gif"></a></div>
      	<div style="margin-top: 15px;"><a href="/mmcard/dontBuyMmcard"><img alt="我买不到卡" src="http://res.61.com/images/pay/pay_btn_buycard_no.gif"></a></div>
</div>
    
<div id="pay_right">
	<div class="right_title" style="display:none"><img src="http://res.61.com/images/pay/pay_left_icon_mimi.gif" />米米卡展示</div>

	<div class="right_content">
		<div id="main_content">
			<div class="card_show">
            	<div class="card_nav">
                	<ul>
                    	<li>
                        	<div class="nav_title">摩尔庄园：</div>
                            <div class="nav_list">
                            	                            		<a href="./" >全部</a>
                            		                            																                            		<a href="card_mole_npc.html" >NPC系列</a>
                            																	                            		<a href="card_mole_market.html" >超市专用系列</a>
                            																	                            		<a href="card_mole_forest.html" >黑森林系列</a>
                            																	                            		<a href="card_mole_newterm.html" >新学期系列</a>
                            																	                            		<a href="card_mole_palace.html" >摩尔宫廷系列</a>
                            																	                            		<a href="card_mole_winter.html" >小摩尔系列</a>
                            																	                            		<a href="card_mole_lamuchief.html" >拉姆酋长系列</a>
                            									                            </div>
                        	<div class="clear"></div>
                        </li>
                        <li class="noline">
                        	<div class="nav_title">赛尔号：</div>
                            <div class="nav_list">
                            	                            		<a href="./card_seer.html" >全部</a>
                            		                            																                            		<a href="card_seer_sailing.html" >启航系列</a>
                            																	                            		<a href="card_seer_suit.html" >套装系列</a>
                            																	                            		<a href="card_seer_spirit.html" class="on">精灵图鉴系列</a>
                            																	                            		<a href="card_seer_dark.html" >暗黑武斗场系列</a>
                            									                            </div>
                        	<div class="clear"></div>
                        </li>
                    </ul>
                </div>
                <div class="blank_10"></div>
            	<div class="card_list">
                	<ul>
                		                	                	                		                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="0"><img src="http://res.61.com/img/pay/thumb/c4ec04aad6fff4dd99625f26f785862f.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="0">艾闻</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="1"><img src="http://res.61.com/img/pay/thumb/2f6d77a487ac732a466ca2188308f7f6.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="1">査莫斯</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="2"><img src="http://res.61.com/img/pay/thumb/c599661c3616695f53cb4446adcb5623.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="2">迪卢卡</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="3"><img src="http://res.61.com/img/pay/thumb/0291fb7e3be351427ca648ad1064e4d2.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="3">厄斯</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="4"><img src="http://res.61.com/img/pay/thumb/04e232cd7f4d4b90c61bd2759587ef7b.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="4">吉宝</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="5"><img src="http://res.61.com/img/pay/thumb/8df057a0e7cc4e96e4ed6a9d9fe15ed9.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="5">吉拉</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="6"><img src="http://res.61.com/img/pay/thumb/ec87cb7e1492ae3c7a9040a02ddd9073.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="6">加格尔</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="7"><img src="http://res.61.com/img/pay/thumb/ceb02b5ddd03771eed81c095462186d2.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="7">卡尔特</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="8"><img src="http://res.61.com/img/pay/thumb/1069dfe58ac22b50ede82f6102a40f58.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="8">卡卡</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="9"><img src="http://res.61.com/img/pay/thumb/06443dca05b21520554b0a764d95d844.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="9">科利</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="10"><img src="http://res.61.com/img/pay/thumb/86b154f7d51565f1be1a3d1c2acb80df.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="10">拉博</a></div>
	                    </li>
						                		<li>
	                        	<div class="list_img"><a href="javascript:;" ln="11"><img src="http://res.61.com/img/pay/thumb/f796e10e2b68623f2d66f4b958912bed.jpg" /></a></div>
	                            <div class="list_text"><a href="javascript:;" ln="11">莱尼</a></div>
	                    </li>
						                        <div class="clear"></div>
                    </ul>
                </div>

                <div class="page tac">
																				<a href="http://pay.61.com/html/page/card/card_seer_spirit.html" class="on">1</a>
																				<a href="http://pay.61.com/html/page/card/card_seer_spirit_2.html" >2</a>
																				<a href="http://pay.61.com/html/page/card/card_seer_spirit_3.html" >3</a>
																				<a href="http://pay.61.com/html/page/card/card_seer_spirit_4.html" >4</a>
																				<a class="text" href="http://pay.61.com/html/page/card/card_seer_spirit_2.html">下一页</a>
									</div>
            </div>
            <div class="clear"></div>
		</div>
	</div>

</div>
</div>

<div class="clear"></div>
<div class="card_bg"  style="display:none;position:absolute;left:0px;top:0px;background:#000;z-index:100"></div>
<div class="copyright2 wrapper_950">
  <div class="left tar"><a href="http://www.61.com/" target="_blank" title="淘米网"><img src="http://res.61.com/images/comm/taomee_logo.gif" alt="淘米" /></a></div>
  <div class="right tal"><a href="http://www.61.com/about/green.html" target="_blank" title="绿色宣言"><img src="http://res.61.com/images/comm/green_logo.gif" alt="绿色宣言" /></a></div>
  <div class="cont tac">
    <div class="row hgray"> <a href="http://www.taomee.com/about.html" target="_blank" class="hgray" title="关于淘米">关于淘米</a>    |     <a href="http://www.taomee.com/contact.html" target="_blank" class="hgray" title="联系我们">联系我们</a>    |     <a href="http://www.taomee.com/careers.html" target="_blank" class="hgray" title="淘米招聘">淘米招聘</a>    |     <a href="http://www.61.com/about/parents.html" target="_blank" class="hgray" title="父母须知">父母须知</a>    |     <a href="http://www.61.com/about/children.html" target="_blank" class="hgray" title="儿童安全上网">儿童安全上网</a>    |     <a href="http://www.61.com/about/green.html" target="_blank" class="hgray" title="绿色宣言">绿色宣言</a> </div>

    <div class="row hgray"> Copyright©2008-2010 TaoMee Inc. All Rights Reserved. </div>
  </div>
</div>

<script src="/html/js/web/common.js"></script>
<script>
$(function(){
	$.pay.ajax.ajaxLoginInit();
});

</script>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12104138-2");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>